@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    .new {
        width: r(750);
        height: r(294);
        position: absolute;
        top: 0;
        .news_1{
            width: 100%;
            height: r(94);
            background: #000000;
            
            .top{
                margin-top:r(24);
                padding-left: r(30);
                a{
                    img{
                        width: r(24);
                        height: r(34);
                    }
                }
            }
            .top2 {
            line-height: r(94);
            p {
                font-size: r(33);
                color: #FFFFFF;
                width: r(145);
                margin: 0 auto;
            }
        }
        }
        
        .news1 {
            width: 100%;
            height: r(204);
            
            .search {
                width: r(690);
                height: r(102);
                margin: 0 auto;
                box-sizing: border-box;
                border-bottom: 1px solid #EEEEEE;
                .search1 {
                    a {
                        display: inline-block;
                        float: left;
                        img {
                            width: r(35);
                            height: r(35);
                            margin-top: r(40);
                        }
                    }
                    input {
                        width: r(600);
                        height: r(60);
                        border: 0;
                        margin-top: r(30);
                        margin-left: r(30);
                        font-size: r(30);
                        float: left;
                    }
                }
            }
            .search2 {
                width: r(690);
                height: r(102);
                img {
                    width: r(34);
                    height: r(23);
                    margin-left: r(30);
                    margin-top: r(40);
                    float: left;
                }
                a {
                    display: inline-block;
                    margin-top: r(38);
                    margin-left: r(30);
                    color: #009cea;
                    font-size: r(20);
                }
            }
        }
    }
    .search3 {
        width: 100%;
        position: absolute;
        top: r(294);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        .letter {
            width: 100%;
            height: r(44);
            background: #f7f7f7;
            border-top: r(1) solid #d9d9d9;
            font-size: r(25);
            line-height: r(44);
            p {
                margin-left: r(30);
            }
        }
        .activity1 {
            width: 100%;
            height: r(151);
            ul {
                .activity2 {
                    margin-top: r(30);
                    margin-left: r(30);
                    a {
                        img {
                            width: r(90);
                            height: r(90);
                        }
                    }
                }
                .activity4 {
                    width: r(598);
                    height: r(54);
                    margin-top: r(30);
                    padding: r(7);
                    p {
                        font-size: r(20);
                        color: #777777;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        word-break: keep-all;
                        line-height: r(40);
                    }
                    .activity_4_1 {
                        color: #000000;
                    }
                }
            }
        }
        .activity1_1 {
            border-bottom: r(1) solid #EEEEEE;
        }
        
    }
    .nav {
            position: fixed;
            right: r(10);
            top: r(285);
            z-index: 1;
            text-align: center;
            ul {
                li {
                    line-height: r(26);
                    a {
                        display:  inline-block;
                        font-weight: bold;
                        color: #0099ec;
                        font-size: r(16);
                    }
                }
            }
        }
}